<div class="row">
  <div class="col col-sm-9">
    <div class="form-group">
      <label for="today">{{view.label.today}}</label>
      <input id="datepicker" type="text" class="form-control"
             placeholder="{{view.placeholder.today}}"
             value="{{view.model.today}}" readonly="readonly">
      <input name="today" id="today" type="hidden" value="{{view.model.today}}">
    </div>
  </div>
  <div class="col col-sm-3">
    <div class="form-group">
      <label for="hours">{{view.label.hours}}</label>
      <input name="hours" id="hours" type="number" class="form-control"
             placeholder="{{view.placeholder.hours}}"
             value="{{view.model.hours}}">
    </div>
  </div>
</div>

<div class="row">
  <div class="col col-sm-6">
    <div class="bootstrap-timepicker">
      <div class="form-group">
        <label for="from">{{view.label.from}}</label>
        <input name="from" id="from" type="text" class="form-control timepicker"
               placeholder="{{view.placeholder.from}}"
               value="{{view.model.from}}" readonly="readonly">
      </div>
    </div>
  </div>
  <div class="col col-sm-6">
    <div class="bootstrap-timepicker">
      <div class="form-group">
        <label for="to">{{view.label.to}}</label>
        <input name="to" id="to" type="text" class="form-control timepicker"
               placeholder="{{view.placeholder.to}}"
               value="{{view.model.to}}" readonly="readonly">
      </div>
    </div>
  </div>
</div>

<div class="row">
  <div class="col col-sm-12">
    <div class="form-group">
      <label for="detail">{{view.label.detail}}</label>
      <textarea name="detail" id="detail" class="form-control" rows="3"
                placeholder="{{view.placeholder.detail}}">{{view.model.detail}}</textarea>
    </div>
  </div>
</div>

<input type="hidden" name="todoid" id="todoid" value="{{view.model.todoid}}">
